<!doctype html>
<html xml:lang="zh-cn" lang="zh-cn">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{$listnames} - {$config.system_name}</title>
{include file="common:column" /}
</head>
<body>
<div class="trm-mode-swich-animation-frame">
    <div class="trm-mode-swich-animation">
        <i class="layui-icon layui-icon-light-b"></i>
        <div class="trm-horizon"></div>
        <i class="layui-icon layui-icon-b-fill"></i>
    </div>
</div>
<div class="site-wrapper" id="trm-scroll-container">
	<div class="main-overlay"></div>
	<header class="header-personal light">
        <div class="container-xl header-top">
			<div class="row align-items-center">
				<div class="col-4 d-none d-md-block d-lg-block"></div>
				<div class="col-md-4 col-sm-12 col-xs-12 text-center">
					<a class="navbar-brand" href="{$config.microblog}"><img class="yuanava" src="{$config.portrait}" alt="logo" /></a>
					<a href="personal-alt.html" class="d-block text-logo">Ailcc<span class="dot">.</span>Com</a>
					<span class="slogan d-block">欢迎访问 - {$config.system_name}</span>
				</div>
			</div>
        </div>
    {include file="common:header" /}
	</header>
    <section class="hero data-bg-image d-flex align-items-center" data-bg-image="{$config.default_url}/assets/images/other/photos.jpg">
        <div class="container-xl">
            <div class="cta text-center">
                <h2 class="mt-0 mb-4">{$listnames}</h2>
                <p class="mt-0 mb-4">{$currentCategoryList.0.description}</p>
                <a class="btn btn-light mt-2">{$listnames}</a>
            </div>
        </div>
        <span class="mouse">
            <span class="wheel"></span>
        </span>
        <svg xmlns="" viewBox="0 0 1440 260"><path fill="#1f1e1e" fill-opacity="1" d="M0,256L60,245.3C120,235,240,213,360,218.7C480,224,600,256,720,245.3C840,235,960,181,1080,176C1200,171,1320,213,1380,234.7L1440,256L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z"></path></svg>
    </section>
    <section class="main-content mt-5">
		<div class="container-xl">
			<div class="row gy-4">
				<div class="col-lg-12">
                    <div class="row gy-4">
                        {volist name=":regroup_list($list)" id="vo" mod="2"}{volist name="vo" id="subVal"}<div class="col-sm-4">
                            <div class="post post-grid rounded bordered">
                                <div class="thumb top-rounded">
                                    <a class="category-badge position-absolute">{$listnames}</a>
                                    <a data-fancybox="portfolio" href="{$subVal.thumb}">
                                        <div class="inner">
                                            <img src="{$subVal.thumb}" class="img-list">
                                        </div>
                                    </a>
                                </div>
                                <div class="details">
                                    <ul class="meta list-inline mb-0">
                                        <li class="list-inline-item"><a href="{$config.microblog}/about.html"><img src="{$config.portrait}" class="author yuanava" alt="author"/>{$config.linkman}</a></li>
                                        <li class="list-inline-item">{$subVal.create_time|date='M-d-Y H:i A'}</li>
                                    </ul>
                                    <h5 class="post-title mb-3 mt-3">{$subVal.title}</h5>
                                    <p class="excerpt mb-0">{$subVal.description|cut_str=34}</p>
                                </div>
                            </div>
                        </div>{/volist}{/volist}
                    </div>
					<nav>
						<ul class="pagination justify-content-center">
							{$page|raw}
							
						</ul>
					</nav>
				</div>
			</div>
		</div>
	</section>
{include file="common:footer" /}
{include file="common:columnjs" /}
</body>
</html>